<?php

class VistaEstado extends VistaBase {

    function VistaEstado() {
        
    }

    function dibujar() {
        ?>
        <div align="center">   
               
                <h1 id="qunit-header">QUnit Test Suite</h1>  
    <h2 id="qunit-banner"></h2>  
    <div id="qunit-testrunner-toolbar"></div>  
    <h2 id="qunit-userAgent"></h2>  
    <ol id="qunit-tests"></ol>  
            <script>
                function initialize()
                {
                    var myCenter = new google.maps.LatLng(4.54824937893, -75.662171244);

                    var mapProp = {
                        center: myCenter,
                        zoom: 15,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };

                    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

                    var marker = new google.maps.Marker({
                        position: myCenter, animation: google.maps.Animation.BOUNCE
                    });

                    marker.setMap(map);

                    var infowindow = new google.maps.InfoWindow({
                        content: "Hola"
                    });

                    infowindow.open(map, marker);

                }
                google.maps.event.addDomListener(window, 'load', initialize);
 
 
        
module(" grupo post ");

test("primera prueba post",function(){
    ok(true,"enviando post");
});

test("segundo prueba post",function(){
    ok(true,"actualizando post");
});

module(" grupo get ");

test("primera prueba get",function(){
    ok(true,"recibiendo get");
});

test("segundo prueba post",function(){
    ok(true,"desplegando get");
});
    </script>
            </script>
            
            <table>           
                <tr>
                    <td style="padding: 10px">
                        <h1>Donde esta Nico</h1><br> 
                        <div id="googleMap" style="width:650px;height:500px;"></div> 
                        </div> 
                    </td><td style="padding: 10px">

                        <h1>Notificaciones</h1>
                        <br>

                        <form class="form-signin" >
                            <?php
                            foreach ($this->notis as $des => $fecha) {
                                ?>

                                <h3 style=" font-size: 18px"><? echo $des . " ($fecha)"; ?></h3>


            <?
        }
        ?>


                        </form>

                    </td> 

                </tr>  
            </table> 
            <br><br>
            <h1>Notas</h1>
            <br>
            <div align="left">
            <form class="form-signin" style="max-width: 600px" >
        <?php
        foreach ($this->notas as $row) {
            ?>

                <h3 style=" font-size: 18px"><? echo $row["nombre"] ?></h3>
                
                <h3 style=" font-size: 14px"><? echo $row["fecha"] ?></h3>
                
                <h3 style=" font-size: 14px"><? echo $row["nota"] ?></h3>

            <?
        }
        ?>
                </form>
                </div>

<style type="text/css">

                textArea{

                    font-size: 16px;
                    height: auto;
                    margin-bottom: 15px;
                    padding: 7px 9px;
                    width: 400px;
                    height: 200px;
                }


            </style>
            <div class="container" id="forms" title="Crear Nota">
                <form class="form-signin" style="max-width: 600px" method="post" action=".">
                    <? $this->crearHidden("controlador", "registrarNota"); ?>
                    <div align="center"> 
                        <table>
                            <tr>
                                <td style="padding: 10px">
                                    <label>Nombre completo </label>                           
                                </td>                           
                            <tr>
                            <tr>
                                <td style="padding: 10px">
                                    <input type="text" name="nom" class="input-block-level" placeholder="Nombre Completo" maxlength="40">                                                   
                                </td>                           
                            <tr>
                            <tr>
                                <td style="padding: 10px">
                                    <label>Nota </label>                           
                                </td>                           
                            <tr>
                            <tr>
                                <td style="padding: 10px">
                                    <textarea name="mensaje" >
                                    </textarea>                                           
                                </td>                           
                            <tr>
                        </table>    
                        <br>
                        <button class="btn btn-min btn-primary" type="submit">Enviar Nota</button>
                    </div>
                </form>
            </div>
            <br><br><br>
            <?php
        }

    }
    ?>
